<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.dakuang {
	height: 1020px;
	width: 800px;
}
.shangkuang {
	background-color: #000;
	height: 80px;
	width: 800px;
	float: left;
}
input {
	height: 30px;
	width: 150px;
	position: relative;
	bottom: 20px;
	left: 400px;
}
span {
	color: #FFF;
	font-weight: bolder;
	background-color: #333;
	position: relative;
	left: 410px;
	bottom: 25px;
}
.biaoti {
	height: 30px;
	width: 800px;
	float: left;
	background-color: #FFF;
}
.biaoti {
	height: 30px;
	float: left;
	width: 800px;
	background-color: #CCC;
}
.xuanze {
	float: left;
	width: 90px;
	height: 30px;
	background-color: #CCC;
	padding-right: 5px;
	text-align: center;
}
.wenzi {
	height: 30px;
	float: right;
	width: 230px;
}
.zuohe {
	width: 230px;
	height: 30px;
	float: left;
	background-color: #45618B;
	text-align: center;
}
.zuohe1 {
	background-color: #BBC5DD;
	height: 30px;
	width: 230px;
	float: left;
	text-align: center;
	border: 2px solid #FFF;
}
.hezi {
	height: 400px;
	width: 230px;
	float: left;
}
.zhongkuang {
	height: 500px;
	width: 350px;
	float: left;
}
.biaoti1 {
	height: 30px;
	width: 350px;
	background-color: #9B9BC1;
	text-align: left;
}
.zhongtu {
	height: 100px;
	width: 350px;
	float: left;
}
.zhongwen {
	height: 30px;
	width: 200px;
	float: left;
	position: relative;
	bottom: 90px;
	left: 120px;
	color: #039;
	font-weight: bolder;
}
.zhongwen2 {
	height: 40px;
	width: 200px;
	float: left;
	position: relative;
	bottom: 50px;
	right: 80px;
}
.zhongwen4 {
	height: 40px;
	width: 200px;
	float: left;
}
</style>
</head>

<body>
<div class="dakuang">
<div class="shangkuang"><img src="1.jpg" width="152" height="80" /><input name="shuru" type="text" /><span>Search</span>


</div>
<div class="biaoti">
<div class="xuanze">My sdas</div>
<div class="xuanze">My sdas</div>
<div class="xuanze">My sdas</div>
<div class="xuanze">My sdas</div>
<div class="xuanze">My sdas</div>
<div class="xuanze">My sdas</div>
<div class="wenzi">Welcome[sddsd][sdsdsd]

</div>

</div>
<div class="hezi">
<div class="zuohe">IBM  sdsdsdsds</div>
<div class="zuohe1">asdsadasdas</div>
<div class="zuohe1">asdsadasdas</div>
<div class="zuohe1">asdsadasdas</div>
<div class="zuohe1">asdsadasdas</div>
<div class="zuohe1">asdsadasdas</div>
<h3>asdasdasdasdad</h3>
<ul>
	<li>asdasdasda</li>
    <li>asdasdasda</li>
    <li>asdasdasda</li>
    <li>asdasdasda</li>
    <li>asdasdasda</li>
    <li>asdasdasda</li>
    </ul>
  </div>
<div class="zhongkuang">
  <img src="u=592626809,747068394&amp;fm=200&amp;gp=0.jpg" width="350" height="56" /> <img src="键盘.jpg" width="350" height="121" />
  <div class="biaoti1"> FeSDADS A asdsd
  </div>
  <div class="zhongtu"><img src="photo-3.jpg" width="122" height="86" />
  <div class="zhongwen">Filling jijiji dfd</div>
  <div class="zhongwen2">
    <p>sdsdsdsdfgfghfghfghfghf</p>
  </div>
  
  </div>
    <div class="zhongtu"><img src="photo-3.jpg" width="122" height="86" />
  <div class="zhongwen4">Filling jijiji dfd</div>
  <div class="zhongwen3">
    <p>sdsdsdsdfgfghfghfghfghf</p>
  </div>
  
  </div>
  
  
  </div>




</div>

</body>
</html>
